<template>
  <div>
  	<m-header title="我的" fixed>
  			<a href="javascript:;" slot="right"><img class="m-icon-img margin-right-10" src="../../assets/images/ic_actionbar_search_icon.png"/></a>
  			<a href="javascript:;" slot="right"><img class="m-icon-img" src="../../assets/images/ic_chat_green.png"/></a>
  	</m-header>
    <div :style="{marginTop: '44px',height:'200px',position:'relative'}">
      <img src="./images/mine_set_background.png" alt="" height="200" width="100%" :style="{position:'absolute',zIndex:'-1'}">
      <div :style="{paddingTop:'40px',marginLeft:'20px',}">
        <img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3913221463,919096404&fm=27&gp=0.jpg" alt="" :style="{width:'50px',height:'50px',borderRadius:'25px',cssFloat:'left'}">
        <router-link to='/login' :style="{color:'red',fontSize:'16px',marginLeft:'100px'}">{{this.$store.state.userInformation?this.$store.state.userInformation['UserName']:"登录用户"}}</router-link>

      </div>

    </div>
    <div :style="{height:'90px',display:'flex',flexDirection:'row', borderBottom:'5px'
    ,borderBottomColor:'#ececec',borderBottomStyle:'solid',borderTop:'5px',borderTopColor:'#ececec',borderTopStyle:'solid'}">
      <div :style="{height:'90px',display:'flex',flexDirection:'row',width:'50%',alignItems:'center',paddingLeft:'10px'}">
        <img src="./images/myBady.png" alt="" width="40" height="40">
        <div>
          <div>
            我的宝宝
          </div>
          <div>
            完善宝宝资料
          </div>
        </div>
      </div>
      <div :style="{height:'90px',display:'flex',flexDirection:'row',width:'50%',alignItems:'center',paddingLeft:'10px'}">
        <img src="./images/cz.png" alt="" width="40" height="40">
        <div>
          <div>
            我的宝宝
          </div>
          <div>
            完善宝宝资料
          </div>
        </div>
      </div>
    </div>
    <div >
      <mt-cell title="我的圈子">
        <img src="./images/symbols-箭头.png" alt="" width="10" height="16">
        <img slot="icon" src="./images/quanzi.png" width="24" height="24">
      </mt-cell>


      <mt-cell title="我的日记">
        <img src="./images/symbols-箭头.png" alt="" width="10" height="16">
        <img slot="icon" src="./images/tiezi.png" width="24" height="24">
      </mt-cell>


      <mt-cell title="我的课程">
        <img src="./images/symbols-箭头.png" alt="" width="10" height="16">
        <img slot="icon" src="./images/kechen.png" width="24" height="24">
      </mt-cell>


      <mt-cell title="我的收藏">
        <img src="./images/symbols-箭头.png" alt="" width="10" height="16">
        <img slot="icon" src="./images/shoucang.png" width="24" height="24">
      </mt-cell>


      <mt-cell title="我的收藏">
        <img src="./images/symbols-箭头.png" alt="" width="10" height="16">
        <img slot="icon" src="./images/baobeiceping.png" width="24" height="24">
      </mt-cell>


      <mt-cell title="我的订单">
        <img src="./images/symbols-箭头.png" alt="" width="10" height="16">
        <img slot="icon" src="./images/wodedingdan.png" width="24" height="24">
      </mt-cell>


      <mt-cell title="我的二手">
        <img src="./images/symbols-箭头.png" alt="" width="10" height="16">
        <img slot="icon" src="./images/mySecondHead.png" width="24" height="24">
      </mt-cell>


      <mt-cell title="我的消息">
        <img src="./images/symbols-箭头.png" alt="" width="10" height="16">
        <img slot="icon" src="./images/ershou.png" width="24" height="24">
      </mt-cell>
    </div>
    <div style="height: 44px"></div>
  </div>

</template>

<script>
  import mHeader from '../../components/header'
  import custom from '../../components/customZ'
  import {mapState} from 'vuex'
  export default {
    name: 'mine',
    components: {
      mHeader,
    },
    mounted:function () {
      const that=this;
      console.log(that.$store.state.userInformation,that.$store.state.count)
    }
  }
</script>


<style lang="less">

</style>
